<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小米商城</title>
    <link rel="icon" href="images/mi/favicon.ico">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/mi.css">
    <link rel="stylesheet" href="icon/mi/iconfont.css">
</head>
<body>
<div class="header">

</div>
<!--黑色导航-->
<div class="nav">
    <div class="wrapper">
        <div class="left">
            <ul>
                <li><a href="#">小米商城</a></li>
                <li><a href="#">MIUI</a></li>
                <li><a href="#">loT</a></li>
                <li><a href="#">云服务</a></li>
                <li><a href="#">金融</a></li>
                <li><a href="#">有品</a></li>
                <li><a href="#">小爱开放平台</a></li>
                <li><a href="#">政企服务</a></li>
                <li><a href="#" class="last">Select Region</a></li>
            </ul>
        </div>
        <div class="right">
            <ul>
                <li><a href="#">登录<span>|</span></a></li>
                <li><a href="#">注册<span>|</span></a></li>
                <li><a href="#">消息通知</a></li>
                <li class="shop">
                    <a href="#"><i class="iconfont">&#xe502;</i>&nbsp; &nbsp;购物车(0)</a>
                    <div class="shop-hidden">购物车中还没有商品，赶紧选购吧</div>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--主体部分-->
<div class="container">
    <div class="wrapper">
        <!--主体导航-->
        <div class="home-header">
            <div class="home-logo">
                <a href="#" title="小米官网"></a>
            </div>
            <div class="home-nav">
                <ul>
                    <li class="kx"><a href="#"></a></li>
                    <li>
                        <a href="#">小米手机</a>
                        <div class="nav-hidden">
                            <ul>
                                <li class="a">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc1.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="b">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc2.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="c">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc4.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="d">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc3.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="e">
                                    <p class="title">新品</p>
                                    <p class="img">
                                        <img src="images/mi/pc1.png" style="width: 150px">
                                    </p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="f">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc1.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#">红米</a>
                        <div class="nav-hidden">
                            <ul>
                                <li class="a">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc2.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="b">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc3.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="c">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc4.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="d">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc5.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="e">
                                    <p class="title">新品</p>
                                    <p class="img">
                                        <img src="images/mi/pc6.png" style="width: 150px">
                                    </p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="f">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc5.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="#">电视</a>
                        <div class="nav-hidden">
                            <ul>
                                <li class="a">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc2.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="b">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc3.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="c">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc4.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="d">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc5.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="e">
                                    <p class="title">新品</p>
                                    <p class="img">
                                        <img src="images/mi/pc6.png" style="width: 150px">
                                    </p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="f">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc5.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="#">笔记本</a>
                        <div class="nav-hidden">
                            <ul>
                                <li class="a">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/bj6.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="b">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/bj2.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="c">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/bj3.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="d">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/bj1.jpg" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="e">
                                    <p class="title">新品</p>
                                    <p class="img">
                                        <img src="images/mi/pc6.png" style="width: 150px">
                                    </p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="f">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc5.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="#">空调</a>
                        <div class="nav-hidden">
                            <ul>
                                <li class="a">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/k1.jpg" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="b">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc3.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="c">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc4.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="d">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc5.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="e">
                                    <p class="title">新品</p>
                                    <p class="img">
                                        <img src="images/mi/pc6.png" style="width: 150px">
                                    </p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="f">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc5.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="#">新品</a>
                        <div class="nav-hidden">
                            <ul>
                                <li class="a">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/x1.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="b">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/x2.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="c">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/x3.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="d">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/x4.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="e">
                                    <p class="title">新品</p>
                                    <p class="img">
                                        <img src="images/mi/x5.png" style="width: 150px">
                                    </p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="f">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/x6.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="#">路由器</a>
                        <div class="nav-hidden">
                            <ul>
                                <li class="a">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc2.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="b">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc3.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="c">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc4.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="d">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc5.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="e">
                                    <p class="title">新品</p>
                                    <p class="img">
                                        <img src="images/mi/pc6.png" style="width: 150px">
                                    </p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="f">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc5.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="#">智能硬件</a>
                        <div class="nav-hidden">
                            <ul>
                                <li class="a">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/z1.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="b">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/z2.jpg" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="c">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/z3.jpg" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="d">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/z4.jpg" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="e">
                                    <p class="title">新品</p>
                                    <p class="img">
                                        <img src="images/mi/z5.jpg" style="width: 150px">
                                    </p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="f">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/z6.jpg" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="#">服务</a>
                        <div class="nav-hidden">
                            <ul>
                                <li class="a">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc2.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="b">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc3.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>

                            </ul>
                        </div>
                    </li>
                    <li><a href="#">社区</a>
                        <div class="nav-hidden">
                            <ul>
                                <li class="a">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc2.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="b">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc3.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                                <li class="c">
                                    <p class="title">新品</p>
                                    <p class="img"><img src="images/mi/pc4.png" style="width: 150px"></p>
                                    <p class="name">小米8</p>
                                    <p class="price">2699元起</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="home-search">
                <input type="text" placeholder="">
                <button class="iconfont" value="">&#xe646;</button>
                <div class="ph">
                    <a href="#">小米8</a>
                    <a href="#">小米MIX 2S</a>
                </div>
                <div class="search-list">
                    <ul>
                        <li>小米6X<span>约有6件</span></li>
                        <li>小米MIX 2S<span>约有27件</span></li>
                        <li>黑鲨游戏手机<span>约有3件</span></li>
                        <li>红米Note 5<span>约有6件</span></li>
                        <li>红米5A<span>约有13件</span></li>
                        <li>小米电视4C<span>约有5件</span></li>
                        <li>电视32英寸<span>约有3件</span></li>
                        <li>笔记本pro<span>约有5件</span></li>
                        <li>空气净化器<span>约有11件</span></li>
                        <li>净水器<span>约有8件</span></li>
                    </ul>
                </div>
            </div>
        </div>
        <!--轮播图-->
        <div class="carousel">
            <!--图片-->
            <div>
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
            <!--箭头-->
            <div>
                <div class="left"></div>
                <div class="right"></div>
            </div>
            <!--侧边栏-->
            <div class="slide-box">
                <ul>
                    <li><a href="#">手机 电话卡 <i class="iconfont">&#xe509;</i></a>
                        <div class="slide-hidden">
                            <ul>
                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc5.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc6.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                    </ol>
                                </li>
                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc5.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc6.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                    </ol>
                                </li>
                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc5.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc6.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                    </ol>
                                </li>
                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc5.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc6.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                    </ol>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="#">电视 盒子<i class="iconfont">&#xe509;</i></a>
                        <div class="slide-hidden">
                            <ul>
                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/d1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/d2.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/d3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/d4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/d5.png" style="width: 70px;" alt="">
                                            Miss
                                        </li>
                                    </ol>
                                </li>
                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc5.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc6.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                    </ol>
                                </li>
                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc5.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc6.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                    </ol>
                                </li>
                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc5.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc6.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                    </ol>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="#">笔记本 平板<i class="iconfont">&#xe509;</i></a>
                        <div class="slide-hidden">
                            <ul>
                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/bj6.png" style="width: 70px;" alt="">
                                            苹果8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj2.png" style="width: 70px;" alt="">
                                            苹果8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj5.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                    </ol>
                                </li>
                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc5.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc6.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                    </ol>
                                </li>
                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc5.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc6.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                    </ol>
                                </li>
                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc5.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc6.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                    </ol>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="#">家电 插线板<i class="iconfont">&#xe509;</i></a>
                        <div class="slide-hidden three">
                            <ul>
                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc5.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc6.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                    </ol>
                                </li>

                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc5.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc6.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                    </ol>
                                </li>
                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc5.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc6.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                    </ol>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="#">出行 穿戴<i class="iconfont">&#xe509;</i></a>
                        <div class="slide-hidden two">
                            <ul>
                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/bj6.png" style="width: 70px;" alt="">
                                            苹果8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj2.png" style="width: 70px;" alt="">
                                            苹果8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj5.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                    </ol>
                                </li>
                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc5.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc6.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                    </ol>
                                </li>

                            </ul>
                        </div>
                    </li>
                    <li><a href="#">智能 路由器<i class="iconfont">&#xe509;</i></a>
                        <div class="slide-hidden one">
                            <ul>
                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/bj6.png" style="width: 70px;" alt="">
                                            苹果8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj2.png" style="width: 70px;" alt="">
                                            苹果8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj5.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                    </ol>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="#">电源 配件<i class="iconfont">&#xe509;</i></a>
                        <div class="slide-hidden three">
                            <ul>
                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/bj6.png" style="width: 70px;" alt="">
                                            苹果8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj2.png" style="width: 70px;" alt="">
                                            苹果8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj5.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                    </ol>
                                </li>
                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc5.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc6.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                    </ol>
                                </li>
                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc5.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc6.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                    </ol>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="#">个护 儿童<i class="iconfont">&#xe509;</i></a>
                        <div class="slide-hidden two">
                            <ul>
                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/bj6.png" style="width: 70px;" alt="">
                                            苹果8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj2.png" style="width: 70px;" alt="">
                                            苹果8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj5.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                    </ol>
                                </li>
                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc5.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc6.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                    </ol>
                                </li>


                            </ul>
                        </div>
                    </li>
                    <li><a href="#">耳机 音箱<i class="iconfont">&#xe509;</i></a>
                        <div class="slide-hidden one">
                            <ul>
                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/bj6.png" style="width: 70px;" alt="">
                                            苹果8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj2.png" style="width: 70px;" alt="">
                                            苹果8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj5.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                    </ol>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="#">生活 箱包<i class="iconfont">&#xe509;</i></a>
                        <div class="slide-hidden">
                            <ul>
                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/bj6.png" style="width: 70px;" alt="">
                                            苹果8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj2.png" style="width: 70px;" alt="">
                                            苹果8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/bj5.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                    </ol>
                                </li>
                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc5.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc6.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                    </ol>
                                </li>
                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc5.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc6.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                    </ol>
                                </li>
                                <li>
                                    <ol>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc3.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc1.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc4.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc5.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                        <li>
                                            <img src="images/mi/pc6.png" style="width: 70px;" alt="">
                                            小米8
                                        </li>
                                    </ol>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!--广告-->
        <div class="ad">
            <ul>
                <li><a href="#"><p class="iconfont">&#xe686;</p><span>选购手机</span></a></li>
                <li><a href="#"><p class="iconfont">&#xe602;</p><span>企业团购</span></a></li>
                <li><a href="#"><p class="iconfont">&#xe504;</p><span>F码通道</span></a></li>
                <li><a href="#"><p class="iconfont">&#xe605;</p><span>不限量卡</span></a></li>
                <li><a href="#"><p class="iconfont">&#xe68d;</p><span>话费充值</span></a></li>
                <li><a href="#"><p class="iconfont">&#xe60f;</p><span>以旧换新</span></a></li>
            </ul>
            <img src="images/mi/ad1.jpg" alt="">
            <img src="images/mi/ad2.jpg" alt="">
            <img src="images/mi/ad3.jfif" alt="">
        </div>
        <!--小米闪购-->
        <div class="flash">
            <h2 class="common-title">小米闪购</h2>
            <div class="content">
                <ul>
                    <li class="flash-pic">
                        <p>10:00 场</p>
                        <img src="images/mi/f2.png" alt="">
                        <p>距离结束还有</p>
                    </li>
                    <li class="common">
                        <div>5折秒杀</div>
                        <img src="images/mi/box.png" alt="">
                        <p class="flash-name">小米电视4A 43英寸青春版</p>
                        <p class="flash-des">全高清屏 / 人工智能语音</p>
                        <p class="flash-price">270元
                            <del>177元</del>
                        </p>
                    </li>
                    <li class="common">
                        <div>5折秒杀</div>
                        <img src="images/mi/box.png" alt="">

                        <p class="flash-name">小米电视4A 43英寸青春版</p>
                        <p class="flash-des">全高清屏 / 人工智能语音</p>
                        <p class="flash-price">270元
                            <del>177元</del>
                        </p>
                    </li>
                    <li class="common">
                        <div>5折秒杀</div>
                        <img src="images/mi/box.png" alt="">

                        <p class="flash-name">小米电视4A 43英寸青春版</p>
                        <p class="flash-des">全高清屏 / 人工智能语音</p>
                        <p class="flash-price">270元
                            <del>177元</del>
                        </p>
                    </li>
                    <li class="common">
                        <img src="images/mi/box.png" alt="">

                        <p class="flash-name">小米电视4A 43英寸青春版</p>
                        <p class="flash-des">全高清屏 / 人工智能语音</p>
                        <p class="flash-price">270元
                            <del>177元</del>
                        </p>
                    </li>
                </ul>
            </div>
            <img src="images/mi/f1.jpg" alt="" class="ad-img">
        </div>

    </div>
</div>
<!--手机-->
<div class="phone">
    <div class="wrapper">
        <h2 class="common-title">手机</h2>
        <div class="mobile-phone">
            <div class="mobile-left">
                <img src="images/mi/mobile01.jpg" alt="">
            </div>
            <div class="mobile-right">
                <ul>
                    <li class="common">
                        <div>减50元</div>
                        <img src="images/mi/box.png" alt="">
                        <p class="flash-name">小米电视4A 43英寸青春版</p>
                        <p class="flash-des">全高清屏 / 人工智能语音</p>
                        <p class="flash-price">270元
                            <del>177元</del>
                        </p>
                    </li>
                    <li class="common">
                        <img src="images/mi/phone-7.jpg" alt="">
                        <p class="flash-name">小米电视4A 43英寸青春版</p>
                        <p class="flash-des">全高清屏 / 人工智能语音</p>
                        <p class="flash-price">270元
                            <del>177元</del>
                        </p>
                    </li>
                    <li class="common">
                        <img src="images/mi/phone-5.jpg" alt="">
                        <p class="flash-name">小米电视4A 43英寸青春版</p>
                        <p class="flash-des">全高清屏 / 人工智能语音</p>
                        <p class="flash-price">270元
                            <del>177元</del>
                        </p>
                    </li>
                    <li class="common">
                        <div>减400元</div>
                        <img src="images/mi/phone-6.jpg" alt="">
                        <p class="flash-name">小米电视4A 43英寸青春版</p>
                        <p class="flash-des">全高清屏 / 人工智能语音</p>
                        <p class="flash-price">270元
                            <del>177元</del>
                        </p>
                    </li>
                    <li class="common">
                        <div>减200元</div>
                        <img src="images/mi/phone-4.jpg" alt="">
                        <p class="flash-name">小米电视4A 43英寸青春版</p>
                        <p class="flash-des">全高清屏 / 人工智能语音</p>
                        <p class="flash-price">270元
                            <del>177元</del>
                        </p>
                    </li>
                    <li class="common">
                        <div>享8折</div>
                        <img src="images/mi/phone-3.jpg" alt="">
                        <p class="flash-name">小米电视4A 43英寸青春版</p>
                        <p class="flash-des">全高清屏 / 人工智能语音</p>
                        <p class="flash-price">270元
                            <del>177元</del>
                        </p>
                    </li>
                    <li class="common">
                        <div>享6折</div>
                        <img src="images/mi/phone-2.jpg" alt="">
                        <p class="flash-name">小米电视4A 43英寸青春版</p>
                        <p class="flash-des">全高清屏 / 人工智能语音</p>
                        <p class="flash-price">270元
                            <del>177元</del>
                        </p>
                    </li>
                    <li class="common">
                        <div>减100元</div>
                        <img src="images/mi/phone-1.jpg" alt="">
                        <p class="flash-name">小米电视4A 43英寸青春版</p>
                        <p class="flash-des">全高清屏 / 人工智能语音</p>
                        <p class="flash-price">270元
                            <del>177元</del>
                        </p>
                    </li>
                </ul>
            </div>

        </div>
        <img src="images/mi/img1.jpg" alt="" class="ad-img">
    </div>
</div>
<!--家电-->
<div class="jiadian">
    <div class="wrapper">
        <h2 class="common-title">家电
            <ul class="smart-ul">
                <li><a href="#">热门</a></li>
                <li><a href="#">出行</a></li>
                <li><a href="#">健康</a></li>
                <li><a href="#">酷玩</a></li>
                <li><a href="#">路由器</a></li>
            </ul>
        </h2>
        <ul class="jd-ul">
            <li>
                <img src="images/mi/jd1.jpg" alt="">
            </li>
            <li class="common">
                <div>减300元</div>
                <img src="images/mi/jd01.jpg" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">小米电视给我惊喜，昨天下午下单，第二天上午就送到家啦...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>

            </li>
            <li class="common">
                <div>减300元</div>
                <img src="images/mi/jd02.jpg" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">我不是来评价电视的我是来拉仇恨的，38.46的电视请...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>
            </li>
            <li class="common">
                <div>新品</div>
                <img src="images/mi/jd03.png" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">小米电视给我惊喜，昨天下午下单，第二天上午就送到家啦...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>

            </li>
            <li class="common">
                <img src="images/mi/jd04.jpg" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">小米电视给我惊喜，昨天下午下单，第二天上午就送到家啦...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>

            </li>
            <li>
                <img src="images/mi/jd2.jpg" alt="">
            </li>
            <li class="common">
                <img src="images/mi/jd05.png" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">小米电视给我惊喜，昨天下午下单，第二天上午就送到家啦...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>

            </li>
            <li class="common">
                <img src="images/mi/jd06.jpg" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">小米电视给我惊喜，昨天下午下单，第二天上午就送到家啦...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>

            </li>
            <li class="common">
                <div>新品</div>
                <img src="images/mi/jd07.png" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">之前买个49的，又买一台50的，不错不错，
我是老米...</span>
                    <span class="author"> 来自于 大海 的评价 </span>
                </p>

            </li>
            <li class="common common-last">
                <div class="top">
                    <a href="#">小米净水器...</a>
                    <p class="flash-price">1999元</p>
                    <img src="images/mi/xmjxq.jpg" alt="">
                </div>
                <div class="bottom">
                    <p>浏览更多</p>
                    <p>热门</p>
                    <i class="iconfont">&#xe539;</i>
                </div>

            </li>
        </ul>
        <img src="images/mi/img2.jpg" alt="" class="ad-img">
    </div>
</div>
<!--智能-->
<div class="jiadian">
    <div class="wrapper">
        <h2 class="common-title">智能
            <ul class="smart-ul">
                <li><a href="#">热门</a></li>
                <li><a href="#">出行</a></li>
                <li><a href="#">健康</a></li>
                <li><a href="#">酷玩</a></li>
                <li><a href="#">路由器</a></li>
            </ul>
        </h2>
        <ul class="jd-ul">
            <li>
                <img src="images/mi/jd1.jpg" alt="">
            </li>
            <li class="common">
                <div>减300元</div>
                <img src="images/mi/jd01.jpg" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">小米电视给我惊喜，昨天下午下单，第二天上午就送到家啦...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>

            </li>
            <li class="common">
                <div>减300元</div>
                <img src="images/mi/jd02.jpg" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">我不是来评价电视的我是来拉仇恨的，38.46的电视请...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>
            </li>
            <li class="common">
                <div>新品</div>
                <img src="images/mi/jd03.png" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">小米电视给我惊喜，昨天下午下单，第二天上午就送到家啦...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>

            </li>
            <li class="common">
                <img src="images/mi/jd04.jpg" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">小米电视给我惊喜，昨天下午下单，第二天上午就送到家啦...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>

            </li>
            <li>
                <img src="images/mi/jd2.jpg" alt="">
            </li>
            <li class="common">
                <img src="images/mi/jd05.png" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">小米电视给我惊喜，昨天下午下单，第二天上午就送到家啦...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>

            </li>
            <li class="common">
                <img src="images/mi/jd06.jpg" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">小米电视给我惊喜，昨天下午下单，第二天上午就送到家啦...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>

            </li>
            <li class="common">
                <div>新品</div>
                <img src="images/mi/jd07.png" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">之前买个49的，又买一台50的，不错不错，
我是老米...</span>
                    <span class="author"> 来自于 大海 的评价 </span>
                </p>

            </li>
            <li class="common common-last">
                <div class="top">
                    <a href="#">小米净水器...</a>
                    <p class="flash-price">1999元</p>
                    <img src="images/mi/xmjxq.jpg" alt="">
                </div>
                <div class="bottom">
                    <p>浏览更多</p>
                    <p>热门</p>
                    <i class="iconfont">&#xe539;</i>
                </div>

            </li>
        </ul>
        <img src="images/mi/ad4.jpg" alt="" class="ad-img">
    </div>
</div>
<!--搭配-->
<div class="jiadian">
    <div class="wrapper">
        <h2 class="common-title">搭配
            <ul class="smart-ul">
                <li><a href="#">热门</a></li>
                <li><a href="#">耳机音箱</a></li>
                <li><a href="#">电源</a></li>
                <li><a href="#">电池储存卡</a></li>

            </ul>
        </h2>
        <ul class="jd-ul">
            <li>
                <img src="images/mi/jd1.jpg" alt="">
            </li>
            <li class="common">
                <div>减300元</div>
                <img src="images/mi/jd01.jpg" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">小米电视给我惊喜，昨天下午下单，第二天上午就送到家啦...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>

            </li>
            <li class="common">
                <div>减300元</div>
                <img src="images/mi/jd02.jpg" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">我不是来评价电视的我是来拉仇恨的，38.46的电视请...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>
            </li>
            <li class="common">
                <div>新品</div>
                <img src="images/mi/jd03.png" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">小米电视给我惊喜，昨天下午下单，第二天上午就送到家啦...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>

            </li>
            <li class="common">
                <img src="images/mi/jd04.jpg" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">小米电视给我惊喜，昨天下午下单，第二天上午就送到家啦...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>

            </li>
            <li>
                <img src="images/mi/jd2.jpg" alt="">
            </li>
            <li class="common">
                <img src="images/mi/jd05.png" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">小米电视给我惊喜，昨天下午下单，第二天上午就送到家啦...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>

            </li>
            <li class="common">
                <img src="images/mi/jd06.jpg" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">小米电视给我惊喜，昨天下午下单，第二天上午就送到家啦...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>

            </li>
            <li class="common">
                <div>新品</div>
                <img src="images/mi/jd07.png" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">之前买个49的，又买一台50的，不错不错，
我是老米...</span>
                    <span class="author"> 来自于 大海 的评价 </span>
                </p>

            </li>
            <li class="common common-last">
                <div class="top">
                    <a href="#">小米净水器...</a>
                    <p class="flash-price">1999元</p>
                    <img src="images/mi/xmjxq.jpg" alt="">
                </div>
                <div class="bottom">
                    <p>浏览更多</p>
                    <p>热门</p>
                    <i class="iconfont">&#xe539;</i>
                </div>

            </li>
        </ul>
        <img src="images/mi/ad5.jpg" alt="" class="ad-img">
    </div>
</div>
<!--配件-->
<div class="jiadian">
    <div class="wrapper">
        <h2 class="common-title">配件
            <ul class="smart-ul">
                <li><a href="#">热门</a></li>
                <li><a href="#">耳机音箱</a></li>
                <li><a href="#">电源</a></li>
                <li><a href="#">电池储存卡</a></li>

            </ul>
        </h2>
        <ul class="jd-ul">
            <li>
                <img src="images/mi/jd1.jpg" alt="">
            </li>
            <li class="common">
                <div>减300元</div>
                <img src="images/mi/jd01.jpg" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">小米电视给我惊喜，昨天下午下单，第二天上午就送到家啦...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>

            </li>
            <li class="common">
                <div>减300元</div>
                <img src="images/mi/jd02.jpg" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">我不是来评价电视的我是来拉仇恨的，38.46的电视请...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>
            </li>
            <li class="common">
                <div>新品</div>
                <img src="images/mi/jd03.png" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">小米电视给我惊喜，昨天下午下单，第二天上午就送到家啦...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>

            </li>
            <li class="common">
                <img src="images/mi/jd04.jpg" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">小米电视给我惊喜，昨天下午下单，第二天上午就送到家啦...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>

            </li>
            <li>
                <img src="images/mi/jd2.jpg" alt="">
            </li>
            <li class="common">
                <img src="images/mi/jd05.png" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">小米电视给我惊喜，昨天下午下单，第二天上午就送到家啦...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>

            </li>
            <li class="common">
                <img src="images/mi/jd06.jpg" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">小米电视给我惊喜，昨天下午下单，第二天上午就送到家啦...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>

            </li>
            <li class="common">
                <div>新品</div>
                <img src="images/mi/jd07.png" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">之前买个49的，又买一台50的，不错不错，
我是老米...</span>
                    <span class="author"> 来自于 大海 的评价 </span>
                </p>

            </li>
            <li class="common common-last">
                <div class="top">
                    <a href="#">小米净水器...</a>
                    <p class="flash-price">1999元</p>
                    <img src="images/mi/xmjxq.jpg" alt="">
                </div>
                <div class="bottom">
                    <p>浏览更多</p>
                    <p>热门</p>
                    <i class="iconfont">&#xe539;</i>
                </div>

            </li>
        </ul>
        <img src="images/mi/ad6.jpg" alt="" class="ad-img">
    </div>
</div>
<!--周边-->
<div class="jiadian">
    <div class="wrapper">
        <h2 class="common-title">周边
            <ul class="smart-ul">
                <li><a href="#">热门</a></li>
                <li><a href="#">耳机音箱</a></li>
                <li><a href="#">电源</a></li>
                <li><a href="#">电池储存卡</a></li>

            </ul>
        </h2>
        <ul class="jd-ul">
            <li>
                <img src="images/mi/jd1.jpg" alt="">
            </li>
            <li class="common">
                <div>减300元</div>
                <img src="images/mi/jd01.jpg" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">小米电视给我惊喜，昨天下午下单，第二天上午就送到家啦...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>

            </li>
            <li class="common">
                <div>减300元</div>
                <img src="images/mi/jd02.jpg" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">我不是来评价电视的我是来拉仇恨的，38.46的电视请...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>
            </li>
            <li class="common">
                <div>新品</div>
                <img src="images/mi/jd03.png" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">小米电视给我惊喜，昨天下午下单，第二天上午就送到家啦...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>

            </li>
            <li class="common">
                <img src="images/mi/jd04.jpg" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">小米电视给我惊喜，昨天下午下单，第二天上午就送到家啦...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>

            </li>
            <li>
                <img src="images/mi/jd2.jpg" alt="">
            </li>
            <li class="common">
                <img src="images/mi/jd05.png" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">小米电视给我惊喜，昨天下午下单，第二天上午就送到家啦...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>

            </li>
            <li class="common">
                <img src="images/mi/jd06.jpg" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">小米电视给我惊喜，昨天下午下单，第二天上午就送到家啦...</span>
                    <span class="author"> 来自于 陈金壮 的评价 </span>
                </p>

            </li>
            <li class="common">
                <div>新品</div>
                <img src="images/mi/jd07.png" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
                <p class="jd-hidden">
                    <span class="review">之前买个49的，又买一台50的，不错不错，
我是老米...</span>
                    <span class="author"> 来自于 大海 的评价 </span>
                </p>

            </li>
            <li class="common common-last">
                <div class="top">
                    <a href="#">小米净水器...</a>
                    <p class="flash-price">1999元</p>
                    <img src="images/mi/xmjxq.jpg" alt="">
                </div>
                <div class="bottom">
                    <p>浏览更多</p>
                    <p>热门</p>
                    <i class="iconfont">&#xe539;</i>
                </div>

            </li>
        </ul>
    </div>
</div>
<!--为您推荐-->
<div class="jiadian">
    <div class="wrapper">
        <h2 class="common-title">为您推荐</h2>
        <ul class="jd-ul suggest-ul">
            <li class="common">
                <img src="images/mi/jd01.jpg" alt="" class="suggest">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
            </li>
            <li class="common">
                <div>减300元</div>
                <img src="images/mi/jd02.jpg" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>

            </li>
            <li class="common">
                <div>新品</div>
                <img src="images/mi/jd03.png" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
            </li>
            <li class="common">
                <img src="images/mi/jd04.jpg" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
            </li>
            <li class="common">
                <img src="images/mi/jd05.png" alt="">
                <p class="flash-name">小米电视4A 43英寸青春版</p>
                <p class="flash-des">全高清屏 / 人工智能语音</p>
                <p class="flash-price">270元
                    <del>177元</del>
                </p>
            </li>
        </ul>
    </div>
</div>
<!--热评产品-->
<div class="hot">
    <div class="wrapper">
        <h2 class="common-title">热评产品
        </h2>
        <ul>
            <li>
                <img src="images/mi/hot1.jpg" alt="">
                <p class="review">外形简洁大方，大爱小米！全家人都在用小米的产品，真心不错，最主要的是性价比高。附图，给客服妹子一个大...</p>
                <p class="author"> 来自于 酸小妞～！ 的评价 </p>
                <p class="info">
                    <span>米家车载空气净化器（USB车充版） 灰色<span class="price">449元</span></span>
                </p>
            </li>
            <li>
                <img src="images/mi/hot2.jfif" alt="">
                <p class="review">外形简洁大方，大爱小米！全家人都在用小米的产品，真心不错，最主要的是性价比高。附图，给客服妹子一个大...</p>
                <p class="author"> 来自于 酸小妞～！ 的评价 </p>
                <p class="info">
                    <span>米家车载空气净化器（USB车充版） 灰色<span class="price">449元</span></span>
                </p>
            </li>
            <li>
                <img src="images/mi/hot3.jfif" alt="">
                <p class="review">外形简洁大方，大爱小米！全家人都在用小米的产品，真心不错，最主要的是性价比高。附图，给客服妹子一个大...</p>
                <p class="author"> 来自于 酸小妞～！ 的评价 </p>
                <p class="info">
                    <span>米家车载空气净化器（USB车充版） 灰色<span class="price">449元</span></span>
                </p>
            </li>
            <li>
                <img src="images/mi/hot4.jfif" alt="">
                <p class="review">外形简洁大方，大爱小米！全家人都在用小米的产品，真心不错，最主要的是性价比高。附图，给客服妹子一个大...</p>
                <p class="author"> 来自于 酸小妞～！ 的评价 </p>
                <p class="info">
                    <span>米家车载空气净化器（USB车充版） 灰色<span class="price">449元</span></span>
                </p>
            </li>
        </ul>
    </div>
</div>
<!--内容-->
<div class="hot-content">
    <div class="wrapper">
        <h2 class="common-title">内容</h2>
        <ul>
            <li>
                <h3 class="content-title">图书</h3>
                <p class="content-name">钢铁侠-科技控</p>
                <p class="content-desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </p>
                <p class="content-price">29.37元</p>
                <img src="images/mi/content01.png" alt="">
            </li>
            <li>
                <h3 class="content-title">MIUI 主题</h3>
                <p class="content-name">钢铁侠-科技控</p>
                <p class="content-desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </p>
                <p class="content-price">29.37元</p>
                <img src="images/mi/content02.png" alt="">
            </li>
            <li>
                <h3 class="content-title">游戏</h3>
                <p class="content-name">钢铁侠-科技控</p>
                <p class="content-desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </p>
                <p class="content-price">29.37元</p>
                <img src="images/mi/content03.png" alt="">
            </li>
            <li>
                <h3 class="content-title">应用</h3>
                <p class="content-name">钢铁侠-科技控</p>
                <p class="content-desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </p>
                <p class="content-price">29.37元</p>
                <img src="images/mi/content04.png" alt="">
            </li>
        </ul>
    </div>
</div>
<!--视屏-->
<div class="video">
    <div class="wrapper">
        <h2 class="common-title">视屏</h2>
        <ul>
            <li>
                <img src="images/mi/v01.jpg" alt="">
                <a class="video-name">一团火</a>
                <p class="video-desc">小米创业8年内部纪录片（手机篇）</p>
                <a href="#" class="play"></a>
                <i class="iconfont ">&#xe632;</i>
            </li>
            <li>
                <img src="images/mi/v02.jpg" alt="">
                <a class="video-name">一团火</a>
                <p class="video-desc">小米创业8年内部纪录片（手机篇）</p>
                <a href="#" class="play"></a>
                <i class="iconfont ">&#xe632;</i>
            </li>
            <li>
                <img src="images/mi/v03.jpg" alt="">
                <a class="video-name">小米8，一部与众不同的手机</a>
                <p class="video-desc">透明探索版，将科技与美学完美结合</p>
                <a href="#" class="play"></a>
                <i class="iconfont ">&#xe632;</i>
            </li>
            <li>
                <img src="images/mi/V04.jpg" alt="">
                <a class="video-name">一团火</a>
                <p class="video-desc">小米创业8年内部纪录片（手机篇）</p>
                <a href="#" class="play"></a>
                <i class="iconfont ">&#xe632;</i>
            </li>
        </ul>
    </div>
</div>
<!--页脚-->
<div class="footer">
    <div class="wrapper">
        <div class="top">
            <ul>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe502;</i>
                        预约维修服务
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe6aa;</i>
                        预约维修服务
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe638;</i>
                        预约维修
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe6d9;</i>
                        预约服务
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe6d9;</i>
                        预约维修服务
                    </a>
                </li>
            </ul>
        </div>
        <div class="center">
            <ul class="foot_ul">
                <li><a href="#" class="footer_title">帮助中心</a></li>
                <li><a href="#">账户管理</a></li>
                <li><a href="#">购物指南</a></li>
                <li><a href="#">订单操作</a></li>
            </ul>
            <ul class="foot_ul">
                <li><a href="#" class="footer_title">服务支持</a></li>
                <li><a href="#">公司新闻</a></li>
                <li><a href="#">媒体报道</a></li>
            </ul>
            <ul class="foot_ul">
                <li><a href="#" class="footer_title">线下门店</a></li>
                <li><a href="#">小米之家</a></li>
                <li><a href="#">服务网点</a></li>
                <li><a href="#">授权体验店</a></li>
            </ul>
            <ul class="foot_ul">
                <li><a href="#" class="footer_title">关于小米</a></li>
                <li><a href="#">售后政策</a></li>
                <li><a href="#">售后点</a></li>
                <li><a href="#">上门维修</a></li>
            </ul>
            <ul class="foot_ul">
                <li><a href="#" class="footer_title">关于我们</a></li>
                <li><a href="#">新浪微博</a></li>
                <li><a href="#">腾讯微博</a></li>
                <li><a href="#">官方微信</a></li>
            </ul>
            <ul class="foot_ul">
                <li><a href="#" class="footer_title">特色服务</a></li>
                <li><a href="#">F码通道</a></li>
                <li><a href="#">礼物码</a></li>
                <li><a href="#">防伪查询</a></li>
            </ul>
            <div class="contact">
                <p class="foot-phone">400-100-5678</p>
                <p class="foot-time">周一至周日 8:00-18:00</p>
                <p class="foot-type">（仅收市话费）</p>
                <p><a href="#" class="service"> 联系客服</a></p>
            </div>
        </div>
        <div class="bottom">
            <div class="left">
                <img src="images/mi/logo-footer.png" alt="">
            </div>
            <div class="main">
                <div class="main-top">
                    <ul>
                        <li><a href="#">小米商城</a></li>
                        <li><a href="#">MIUI</a></li>
                        <li><a href="#">米家</a></li>
                        <li><a href="#">米聊</a></li>
                        <li><a href="#">多看</a></li>
                        <li><a href="#">游戏</a></li>
                        <li><a href="#">路由器</a></li>
                        <li><a href="#">米卡芬</a></li>
                        <li><a href="#">政企服务</a></li>
                        <li><a href="#">小米天猫点</a></li>
                        <li><a href="#">隐私政策</a></li>
                        <li><a href="#">政企服务</a></li>
                        <li class="abc"><a href="#">隐私政策</a></li>
                    </ul>
                </div>
                <div class="main-bottom">
                    ©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2017]1530-131号
                    违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                </div>
            </div>
            <div class="right">
                <img src="images/mi/22.png" alt="">
                <img src="images/mi/33.png" alt="">
                <img src="images/mi/v-logo-1.png" alt="">
                <img src="images/mi/44.png" alt="">
                <img src="images/mi/55.png" alt="">

            </div>
        </div>
    </div>
</div>
<!--侧边栏-->
<div class="cbl">
    <a class="user iconfont">&#xe601;</a>
    <a class="kf iconfont">&#xe6d9;</a>
    <a class="shop-car iconfont">&#xe50c;</a>
    <a class="back-top iconfont" href="#">&#xe70c;</a>
</div>
</body>
</html>
